import React from "react";
import './slide.scss';
export class SlideComponent extends React.Component{


    componentDidMount(){

        new Swiper ('.swiper-container', {
            direction: 'horizontal',
            loop: true,
            autoplay: true,

            pagination: {
                el: '.swiper-pagination',
            },
        })

    }

    render(){

        return <div className="swiper-container slide">
            <div className="swiper-wrapper">
                <div className="swiper-slide"><img src="http://file.tadefan.com/imgcdn/2018-04-21/slide1_1.jpg" /></div>
                <div className="swiper-slide"><img src="http://file.tadefan.com/imgcdn/2018-04-21/slide2.jpg" /></div>
            </div>
            <div className="swiper-pagination" />
        </div>

    }

}